<!-- components/SharePopup.vue -->
<template>
  <u-popup v-model="show" mode="bottom" height="400" border-radius="20">
    <view class="share-panel flex flex-direction">
      <view class="toponew flex justify-start padding-lg">
        <view class="share-item flex flex-direction justify-between align-center margin-left"
              @click="$emit('share', 'wechat')"
              style="height: 156rpx;">
          <image src="https://env-00jxt1fzew48.normal.cloudstatic.cn/home/wechat.png"
                 style="width:100rpx ; height: 100rpx;"></image>
          <text class="text-sm color-grey">微信好友</text>
        </view>
        <view class="share-item flex flex-direction justify-between align-center margin-left-xl"
              style="height: 156rpx;">
          <image src="https://env-00jxt1fzew48.normal.cloudstatic.cn/home/poster.png"
                 style="width:100rpx ; height: 100rpx;"></image>
          <text class="text-sm color-grey">生成海报</text>
        </view>
        <view class="share-item flex flex-direction justify-between align-center margin-left-xl"
              style="height: 156rpx;">
          <image src="https://env-00jxt1fzew48.normal.cloudstatic.cn/home/lianjie.png"
                 style="width:100rpx ; height: 100rpx;"></image>
          <text class="text-sm color-grey">小程序链接</text>
        </view>
      </view>
      <view class="close-button flex justify-center align-center text-sm color-grey margin-top"
            @click="show = false"
            style="height: 50rpx;width: 100%;border-top: 1rpx solid #EDEDED;">
        关闭
      </view>
    </view>
  </u-popup>
</template>

<script>
export default {
  props: {
    value: Boolean
  },
  computed: {
    show: {
      get() {
        return this.value
      },
      set(val) {
        this.$emit('input', val)
      }
    }
  }
}
</script>